<!--<template>-->
<!--  <div class="userLogin">-->
<!--    <div class="card">-->
<!--      <div class="left">-->
<!--        <img width="100%" alt="logo" src="../../assets/logo.png" />-->
<!--      </div>-->
<!--      <div class="right">-->
<!--        <div class="cralxs">-->
<!--          <img src="@/assets/Cral.png" alt="cralxs" style="margin-left: 8%" />-->
<!--        </div>-->
<!--        <a-form-->
<!--          :model="form"-->
<!--          :style="{ width: '500px' }"-->
<!--          size="large"-->
<!--          @finish="handleSubmit"-->
<!--        >-->
<!--          <a-form-item name="userAccount" label="账号">-->
<!--            <a-input-->
<!--              size="large"-->
<!--              v-model:value="form.userAccount"-->
<!--              placeholder="请输入账号"-->
<!--              style="border-radius: 10px; background-color: white"-->
<!--            />-->
<!--          </a-form-item>-->
<!--          <a-form-item name="userPassword" label="密码">-->
<!--            <a-input-password-->
<!--              v-model:value="form.userPassword"-->
<!--              placeholder="请输入密码"-->
<!--              size="large"-->
<!--              style="border-radius: 10px; background-color: white"-->
<!--            />-->
<!--          </a-form-item>-->
<!--          <a-form-item>-->
<!--            <a-button-->
<!--              html-type="submit"-->
<!--              size="large"-->
<!--              type="primary"-->
<!--              style="border-radius: 10px;opacity: 0.7;font-size: 16px"-->
<!--            >-->
<!--              登录-->
<!--            </a-button>-->
<!--            <a-button-->
<!--              @click="userRegister"-->
<!--              type="link"-->
<!--              style="color: #c4c4c4; font-size: 18px;position: absolute;right: 0"-->
<!--            >-->
<!--              还没有账号？去注册-->
<!--            </a-button>-->
<!--          </a-form-item>-->
<!--        </a-form>-->
<!--      </div>-->
<!--    </div>-->
<!--  </div>-->
<!--</template>-->

<!--<script setup lang="ts">-->
<!--import { reactive } from "vue";-->
<!--import { useRouter } from "vue-router";-->
<!--import { message } from "ant-design-vue";-->
<!--import { useLoginUserStore } from '@/stores/useLoginUserStore.ts'-->
<!--import { userLoginUsingPost } from '@/api/userController.ts'-->






<!--const router = useRouter();-->
<!--const loginUserStore = useLoginUserStore();-->

<!--const form = reactive<API.UserLoginRequest>({-->
<!--  userAccount: "",-->
<!--  userPassword: "",-->
<!--});-->

<!--const handleSubmit = async (values: API.UserLoginRequest) => {-->
<!--  const res = await userLoginUsingPost(values);-->
<!--  if (res.data.code === 0 && res.data.data) {-->
<!--    await loginUserStore.fetchLoginUser();-->
<!--    message.success("登录成功");-->
<!--    router.push({-->
<!--      path: "/",-->
<!--      replace: true,-->
<!--    });-->
<!--  } else {-->
<!--    message.error("登录失败，" + res.data.message);-->
<!--  }-->
<!--};-->

<!--const userRegister = () => {-->
<!--  router.push({-->
<!--    path: "/user/register",-->
<!--    replace: false,-->
<!--  });-->
<!--};-->
<!--</script>-->

<!--<style scoped>-->
<!--.userLogin {-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  height: 80vh;-->
<!--  background: url("../../assets/background.png");-->
<!--}-->

<!--.card {-->
<!--  background: linear-gradient(to right, #ffffff, #f2f4f6);-->
<!--  border-radius: 20px;-->
<!--  height: 70vh;-->
<!--  width: 80vw;-->
<!--  display: flex;-->
<!--  justify-content: space-between;-->
<!--  align-items: center;-->
<!--}-->

<!--.left {-->
<!--  width: 50%;-->
<!--  height: 100%;-->
<!--}-->

<!--.right {-->
<!--  width: 50%;-->
<!--  height: 100%;-->
<!--  display: flex;-->
<!--  justify-content: center;-->
<!--  align-items: center;-->
<!--  flex-direction: column;-->
<!--}-->
<!--</style>-->
